<template>
    <!-- 动态评价列表 -->
    <div class="e-table">
        <div style="display: flex; justify-content: space-around">
            <span style="margin-left: 20px">供应商名称：{{ 1 }}</span>
            <span style="margin-left: 20px">合同编号：{{ 1 }}</span>
            <span style="margin-left: 20px">合同名称：{{ 1 }}</span>
        </div>
        <el-table
            :data="punishmentData"
            border
            style="width: 100%"
            ref="table"
            class="table"
            :max-height="$store.state.tableHeight"
            :header-cell-style="{ textAlign: 'center' }"
            :cell-style="{ textAlign: 'center' }"
            v-sortTable="{
                tableData: punishmentData,
                _this: this,
                ref: 'table'
            }"
        >
            <el-table-column type="index" label="序号" width="55">
            </el-table-column>
            <el-table-column prop="manageOrgName" label="结算编号" width="200">
            </el-table-column>
            <el-table-column prop="outerName" label="动态评价星级" width="200">
            </el-table-column>
            <el-table-column prop="creditCode" label="动态评价结果" width="200">
            </el-table-column>
            <el-table-column prop="e" label="评价人" width="200">
            </el-table-column>
            <el-table-column prop="result" label="评价意见" min-width="400">
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data () {
        return {
            punishmentData: [],
            options: []
        }
    }
}
</script>
<style lang="scss" scoped>
.e-table {
    padding: 20px;
}
</style>
